<template>
  <el-row>
    <el-col :span="22"
            class="flex-start">
      <span class="labelSty">附件: </span>
      <attachments :value="attachments" />
    </el-col>
  </el-row>
</template>
<script>
import OrderMixin, { ATTACHMENT_TYPES } from "./order.mixin";
import Attachments from "@basic/Attachments.vue";
export default {
  name: "OrderAttachments",
  components: { Attachments },
  mixins: [OrderMixin],
  computed: {
    attachments () {
      return this.order.attachments?.filter(
        (attachment) => attachment.type === ATTACHMENT_TYPES.ATTACHMENT
      );
    }
  }
};
</script>
<style scoped>
.flex-start {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.labelSty {
  font-size: 16px;
  color: var(--prev-color-text-primary);
  margin-right: 8px;
}
</style>